<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的网页の昊江的网页</title>
    <style>
        .first{
            color: rgb(57,197,187); 
            text-align: center;
            font-size: 25px;
            font-weight:bold;
        }

        a{
            text-decoration: none;
            font-weight: 600px;
            color:red;
        }
        .firstDiv{
            background-color: rgb(248, 248, 181);
        }
        ul{
            list-style-type: disc;
        }

        span{
            font-weight: bold;
            
        }
       div .Jan{
        color: red;
       }
    </style>
</head>
<body>
     <p class="title">测试一下</p>
     <p>图片</p>
     <p>
        <img src="C:\Users\liu\Desktop\杂项\20230504n9a96l.jpg.jpg" alt="MIKU" width="800px">
     </p>
     <p>
        <a href="https://www.mikuclub.win/" target="_self">初音社</a>
     </p>
     <p>
        <a href="https://magicalmirai.com/" target="_self">創作で繋がる初音ミクたちのライブ&企画展!</a>
    </p>
    <h3>相关内容</h3>
    <div class="firstDiv">
     <ol>
        <li>
            新番
        </li>
        <li>
            老番
            <ul>
                <li class="Jan">1月</li>
                <li class="Feb">2月</li>
                <li>3月</li>
                <li>4月</li>
                <li>5月</li>
                <li>6月</li>
            </ul>
        </li>
        <li>
            电影
        </li>
        <li>
            <span>声优</span>
        </li>
     </ol>
   </div>
    <p>
        <a class="first" href="https://www.bilibili.com/" target="_self">↑点一点，你就是二次元了！</a>
    </p>


    <dl>
        <dt>网站制作</dt>
        <dd><span>昊江</span></dd>
    </dl>
</body>
</html>